<%-- 
    Document   : ajax_basi_02
    Created on : 22-mag-2011, 16.04.11
    Author     : ste
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <title>AJAX, le basi prima dell' utilizzo</title>
        <script type="text/javascript">
            <!--//

            // funzione per assegnare l'oggetto XMLHttpRequest
            // compatibile con i browsers più recenti e diffusi
            function assegnaXMLHttpRequest() {

                // lista delle variabili locali
                var
                // variabile di ritorno, nulla di default
                XHR = null,

                // informazioni sul nome del browser
                browserUtente = navigator.userAgent.toUpperCase();


                // browser standard con supporto nativo
                // non importa il tipo di browser
                if(typeof(XMLHttpRequest) === "function" || typeof(XMLHttpRequest) === "object")
                    XHR = new XMLHttpRequest();

                // browser Internet Explorer
                // è necessario filtrare la versione 4
                else if(
                window.ActiveXObject &&
                    browserUtente.indexOf("MSIE 4") < 0
            ) {

                    // la versione 6 di IE ha un nome differente
                    // per il tipo di oggetto ActiveX
                    if(browserUtente.indexOf("MSIE 5") < 0)
                        XHR = new ActiveXObject("Msxml2.XMLHTTP");

                    // le versioni 5 e 5.5 invece sfruttano lo stesso nome
                    else
                        XHR = new ActiveXObject("Microsoft.XMLHTTP");
                }

                return XHR;
            }

            onload = function() {
                var ajax = assegnaXMLHttpRequest();
                if(ajax) {
                    // applicativo AJAX
                }
            }

            function prendiElementoDaId(id_elemento) {
                var elemento;
                if(document.getElementById)
                    elemento = document.getElementById(id_elemento);
                else
                    elemento = document.all[id_elemento];
                return elemento;
            }

            function cambiaTesto() {
                prendiElementoDaId('span0').innerHTML = 'testo cambiato';
            }

            function onLoad() {
                prendiElementoDaId('paragrafo').innerHTML = '<span id="span0" onclick="cambiaTesto();">cambia questo testo</span>';
                cambiaAncora();
            }

            function cambiaAncora(){
                var elemento_2;
                elemento_2 = prendiElementoDaId('span0');
                elemento_2.innerHTML = 'altro testo';
            }


            //-->
        </script>
    </head>
    <body onload="onLoad();">
        <p id="paragrafo">
            testo del paragrafo che verrà cambiato al caricamento del documento
        </p>

        <form action="cambiaAncora()">
            <input type="submit" name="registra">
        </form>
    </body>
</html>